import React from 'react'
import Meal from './Meal/Meal.js'
import classes from './Meals.module.css'

const Meals = ({ mealsData }) => {
	console.log('Meals')
	const meals = mealsData.map((meal) => {
		return (
			<Meal meal={meal} key={meal.id} isDescDisplayed={true} isCheckoutList={false} />
		)
	})

	return (
		<div className={classes.Meals}>
			{meals}
		</div>
	)
}

export default Meals